<template>
  <el-card shadow="hover" style="margin-bottom: 20px">
    <el-row>
      <el-col :span="24" style=""><h5 class="bi-shop"> {{ item.sname }}</h5></el-col>
    </el-row>
    <el-row>
      <el-col :span="24"><el-link icon="el-icon-star-off" :underline="false">热销商品</el-link></el-col>
    </el-row>
    <div class="row justify-content-start feature">
      <div class="col-sm-6 col-md-5 col-lg-4" v-for="(items,index) in item.goods" :key="index">
        <el-card shadow="hover" :body-style="{padding: '0px'}" style="margin-top: 10px">
          <el-image :src="item.goods[index].gsrc"></el-image>
          <el-col :span="24" style="margin-left: 10px">
            <el-link :underline="false">{{ item.goods[index].gname }}</el-link>
          </el-col>
          <el-row style="margin-left: 10px;font-size: 13px;margin-bottom: 10px">
            <el-col :span="12" class="bi-graph-up-arrow"> 销量:{{item.goods[index].gselles}}</el-col>
            <el-col :span="12">¥ {{item.goods[index].gprice}}</el-col>
          </el-row>
        </el-card>
      </div>
    </div>

    <el-button type="primary" style="margin-top: 20px" icon="el-icon-arrow-right" @click="route()">进入店铺</el-button>
  </el-card>
</template>

<script>
export default {
  name: "Store",
  props:['item'],
  data(){
    return{
      data:[]
    }
  },
  methods:{
    route(){
      this.$router.push({path:'/ventor',query:{id:this.item.sid}});
    }
  },
  created() {

  }
}
</script>

<style scoped>

</style>
